.trace {
	overflow: hidden;
}

.trace .drugDescribe {
	background-color: #F8F4E2;
    
    height: 30px;
    line-height: 30px;
}

.trace .drugDescribe .info {
	height: 30px;
	float: left;
	padding-left: 10px;
}

.trace .drugDescribe .inventory {
	float: right;
	padding-right: 10px;
    padding-top: 3px;
}

.trace .drugDescribe .inventory .btn {
	border: 1px solid #BDBDBD;
	display: block;
	float: right;
	height: 22px;
	margin-left: 10px;
	width: 80px;
}

.trace .drugDescribe .inventory .btn a {
	background: url("../images/trace-btnbg.jpg") repeat-x scroll 0 0
		transparent;
	border: 1px solid #FFFFFF;
	display: block;
	height: 22px;
	line-height: 20px;
	padding: 0 10px;
	text-align: center;
	width: auto;
	color: #1087E4;
	text-decoration: none;
}

.trace .graphic {
	background: url(../images/trace-titlebg.jpg) repeat-x top #e6e6e6;
	display: block;
	overflow: hidden;
}

.trace .graphic .header {
	border: #dadada 1px solid;
	height: 36px;
}

.trace .graphic .header .inner {
	border: #FFF 1px solid;
	height: 34px;
	line-height: 34px;
	padding: 0 10px
}

.trace .graphic .search {
	float: left;
	line-height: 27px
}

.trace .graphic .search .info {
	float: left;
}

/**
 * 查询框
**/
.trace .graphic .search .searchSelect {
	float: left;
	font-size: 12px;
	width: 220px;
}

.trace .graphic .search .searchSelect dt {
	background: none repeat scroll 0 0;
	height: 27px;
}

.trace .graphic .search .searchSelect dt .input1 {
	background: url("../images/portal.png") no-repeat scroll 0 -188px transparent;
    border: 0 none;
    color: #333333;
    float: left;
    height: 27px;
    line-height: 27px;
    margin-left: 5px;
    margin-top: 1px;
    outline: medium none;
    padding: 0 7px;
    width: 219px;
}

.trace .graphic .search .searchSelect dd {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #D3D3D3;
	overflow: hidden;
	position: absolute;
	width: 218px;
	display: none;
	z-index: 200;
}

.trace .graphic .search .searchSelect dd a {
	color: #000000;
	display: block;
	line-height: 25px;
	outline: medium none;
	text-decoration: none;
	text-indent: 4px;
	white-space: nowrap;
}

.trace .graphic .search .searchSelect dd a:hover {
	background: none repeat scroll 0 0 #316AC4;
	color: #FFFFFF;
	text-decoration: none;
}
/**
 * 查询框 end
**/
.trace .graphic .search .input2 {
	background: url("../images/portal.png") no-repeat scroll -249px -187px transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 31px;
    width: 32px;

}

.trace .graphic .contral {
	float: right
}

.trace .graphic .contral .btn {
	background: url(../images/portal.png) no-repeat -193px -142px;
	width: 33px;
	height: 33px;
	border: 0 none;
	outline: non;
	float: right;
	margin-left: 23px;
	cursor: pointer;
	float: right;
}

.trace .graphic .contral .btn1 {
	background: url(../images/portal.png) no-repeat -114px -142px;
	filter：gray;
}

.trace .graphic .contral .btn2 {
	background: url(../images/portal.png) no-repeat -153px -142px;
}

.trace .graphic .contral .btn3 {
	background: url(../images/portal.png) no-repeat -193px -142px;
}

.trace .graphic .contral .btn4 {
	background: url(../images/portal.png) no-repeat -234px -142px;
}

.trace .graphic .contral .blowup {
	background: url("../images/portal.png") no-repeat scroll -114px -142px transparent;
}

.trace .graphic .contral .reduce {
	background: url("../images/portal.png") no-repeat scroll -153px -142px transparent;
}

.trace .canvas {
	background: #f8f8f8;
	overflow: hidden;
	background-color:rgb(243, 243, 243)
}

.trace .canvas .node{
	padding: 10px;
	overflow: auto;
	position: relative;
}

/* 以下为节点样式 */
b,strong,s,i,a,em {
	font-style: normal;
	text-decoration: none;
}

.trace .canvas .node .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.trace .canvas .node .clearfix {
	zoom: 1;
}

.trace .canvas .node .clearboth {
	clear: both;
}

.trace .canvas .node .float_l {
	float: left;
}

.trace .canvas .node .float_r {
	float: right;
}

/*盒子大小*/
.trace .canvas .node .big_box {
	font-size: 12px;
	width: 208px;
	height: 115px;
	position: relative;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
}

.trace .canvas .node .mid_box {
	font-size: 12px;
	width: 142px;
	height: 94px;
	position: relative;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
}

.trace .canvas .node .small_box {
	font-size: 12px;
	width: 43px;
	height: 43px;
	position: relative;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
}

/*盒子外边大小*/
.trace .canvas .node .rounde {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 1px;
	padding-bottom: 7px;
	border-width: 3px;
	border-style: solid;
}

.trace .canvas .node .box_info {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3px 5px 5px 5px;
}
/*盒子颜色调整小*/
.trace .canvas .node .green {
	border-color: #7ED04B;
}

.trace .canvas .node .green .box_info {
	background: #D9F2CB;
	-webkit-box-shadow: inset 0px 2px 1px rgba(149, 233, 97, 1);
	box-shadow: inset 0px 2px 1px rgba(149, 233, 97, 1);
	-moz-box-shadow: inset 0px 2px 1px rgba(149, 233, 97, 1);
}

.trace .canvas .node .green .box_info b {
	background: url(../images/green_ico.gif) no-repeat;
	width: 32px;
	height: 25px;
	float: left;
}

.trace .canvas .node .green .box_info p {
	padding: 5px 8px 0px 8px;
	color: #3C8F08;
	height: 36px;
	line-height: 1.5;
}

.trace .canvas .node .blue {
	border-color: #7C96B1;
}

.trace .canvas .node .blue .box_info {
	background: #DBE4ED;
	-webkit-box-shadow: inset 0px 2px 1px rgba(175, 203, 233, 1);
	box-shadow: inset 0px 2px 1px rgba(175, 203, 233, 1);
	-moz-box-shadow: inset 0px 2px 1px rgba(175, 203, 233, 1);
}

.trace .canvas .node .blue .box_info b {
	background: url(../images/blue_ico.gif) no-repeat;
	width: 32px;
	height: 25px;
	float: left;
}

.trace .canvas .node .blue .box_info p {
	padding: 5px 8px 0px 8px;
	color: #2B6DB4;
	height: 36px;
	line-height: 1.5;
}

.trace .canvas .node .purple {
	border-color: #AF96CB;
}

.trace .canvas .node .purple .box_info {
	background: #E8DDF5;
	-webkit-box-shadow: inset 0px 2px 1px rgba(206, 190, 225, 1);
	box-shadow: inset 0px 2px 1px rgba(206, 190, 225, 1);
	-moz-box-shadow: inset 0px 2px 1px rgba(206, 190, 225, 1);
}

.trace .canvas .node .purple .box_info b {
	background: url(../images/purple_ico.gif) no-repeat;
	width: 32px;
	height: 25px;
	float: left;
}

.trace .canvas .node .purple .box_info p {
	padding: 5px 8px 0px 8px;
	color: #6B3474;
	height: 36px;
	line-height: 1.5;
}

.trace .canvas .node .gray {
	border-color: #8E8E8E;
}

.trace .canvas .node .gray .box_info {
	background: #D8D8D8;
	-webkit-box-shadow: inset 0px 2px 1px rgba(188, 188, 188, 1);
	box-shadow: inset 0px 2px 1px rgba(188, 188, 188, 1);
	-moz-box-shadow: inset 0px 2px 1px rgba(188, 188, 188, 1);
}

.trace .canvas .node .gray .box_info b {
	background: url(../images/gray_ico.gif) no-repeat;
	width: 32px;
	height: 25px;
	float: left;
}

.trace .canvas .node .gray .box_info p {
	padding: 5px 8px 0px 8px;
	color: #525252;
	height: 36px;
	line-height: 1.5;
}

.trace .canvas .node .orange {
	border-color: #BD9C59;
}

.trace .canvas .node .orange .box_info {
	background: #F3D9A3;
	-webkit-box-shadow: inset 0px 2px 1px rgba(232, 195, 116, 1);
	box-shadow: inset 0px 2px 1px rgba(232, 195, 116, 1);
	-moz-box-shadow: inset 0px 2px 1px rgba(232, 195, 116, 1);
}

.trace .canvas .node .orange .box_info b {
	background: url(../images/orange_ico.gif) no-repeat;
	width: 32px;
	height: 25px;
	float: left;
}

.trace .canvas .node .orange .box_info p {
	padding: 5px 8px 0px 8px;
	color: #8E6E2B;
	height: 36px;
	line-height: 1.5;
}

/*盒子底部信息*/
.trace .canvas .node .btn {
	background: url(../images/xuke_btn2.gif) no-repeat;
	display: inline-block;
	width: 82px;
	height: 20px;
	float: right;
	cursor: pointer;
}

.trace .canvas .node .tel_info {
	background: url(../images/tel_bg.png) repeat-x scroll center bottom
		#FFFFFF;
	padding: 3px 5px 0px 5px;
	position: relative;
}

.trace .canvas .node .tel_info i {
	color: #aaaaaa;
	font-weight: bold;
	display: block;
}

.trace .canvas .node .tel_info h1 {
	color: #11A709;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px\9;
}

.trace .canvas .node .tel_info h2 {
	color: #3065BC;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px\9;
}

.trace .canvas .node .arrow {
	background: url(../images/arrow.png) no-repeat center center;
	width: 13px;
	height: 37px;
	position: absolute;
	left: 50%;
	margin-left: -7px;
	bottom: 0px;
}

/*区别*/
.trace .canvas .node .mid_box b {
	position: absolute;
	top: 2px;
	left: 5px;
}

.trace .canvas .node .mid_box .btn {
	display: none;
}

.trace .canvas .node .mid_box .box_info p {
	height: 55px;
	overflow: hidden;
	width: 95px;
	float: right;
	padding-right: 0px;
}

.trace .canvas .node .mid_box i {
	display: none;
}

.trace .canvas .node .mid_box .arrow {
	display: none;
}

.trace .canvas .node .mid_box .tel_info {
	height: 28px;
}

.trace .canvas .node .mid_box h1,.mid_box h2 {
	position: absolute;
	font-size: 16px;
}

.trace .canvas .node .mid_box h2 {
	right: 5px;
	bottom: 0px;
	font-size: 14px;
}

.trace .canvas .node .mid_box h1 {
	left: 5px;
	bottom: 0px;
	font-size: 14px;
}

.trace .canvas .node .small_box b {
	position: absolute;
	bottom: 11px;
	left: 6px;
}

.trace .canvas .node .small_box .btn {
	display: none;
}

.trace .canvas .node .small_box .box_info p {
	height: 36px;
	overflow: hidden;
	line-height: 36px;
	font-size: 0px;
}

.trace .canvas .node .small_box i {
	display: none;
}

.trace .canvas .node .small_box .arrow {
	display: none;
}

.trace .canvas .node .small_box .tel_info {
	display: none;
}

.trace .canvas .node .hightlight {
	border-color: #FF9C00;
}

.trace .legend-extended {
	background: url(../images/legend-extended.png) no-repeat;
	width: 292px;
	height: 181px;
	position: absolute;
	left: 10px;
	bottom: 10px;
}

.trace .legend-extended .extended {
	background: url(../images/leftarrow.gif) no-repeat;
	width: 20px;
	height: 20px;
	float: right;
	margin: 5px;
	cursor: pointer;
}

.trace .legend-collapsed {
	background: url(../images/extended-collapsed.jpg) no-repeat;
	width: 33px;
	height: 181px;
	position: absolute;
	left: 10px;
	bottom: 10px;
}

.trace .legend-collapsed .extended {
	background: url(../images/rightarrow.gif) no-repeat;
	width: 20px;
	height: 20px;
	float: right;
	margin: 5px;
	cursor: pointer;
}

.trace .tips {
	background: url(../images/tip-big.png) no-repeat;
	width: 236px;
	height: 225px;
}

.trace .tips .txt {
	height: 30px;
	overflow: hidden;
	padding: 20px 10px 0 10px;
}

.trace .tips table {
	margin-top: 20px;
	line-height: 24px
}

.trace .tips table th {
	text-align: right;
	padding-right: 10px;
	width: 30%;
	font-weight: normal;
	font-size: 12px;
}

.trace .tips table td {
	width: 50%;
	text-align: right;
	padding-right: 10px;
	font-size: 12px;
}

.trace .tips2 {
	background: url(../images/tip-small.png) no-repeat;
	width: 192px;
	height: 203px;
}

.trace .tips2 .txt {
	overflow: hidden;
	padding: 20px 10px 0 10px;
}

.trace .tips2 table {
	margin-top: 20px;
	line-height: 24px
}

.trace .tips2 table th {
	text-align: right;
	width: 30%;
	font-weight: normal;
	font-size: 12px;
}

.trace .tips2 table td {
	width: 50%;
	text-align: right;
	padding-right: 10px;
	font-size: 12px;
}

.trace-mapbg-mask {
	background-color: #2c2c2c;
	z-index: 20000;
	position: absolute;
	top: 0;
	left: 0;
	-moz-opacity: 0.5;
	opacity: .50;
	filter: alpha(opacity =   50);
	width: 100%;
	height: 100%;
	zoom: 1;
}

.trace-mapbg-mask-msg {
	z-index: 20001;
	position: absolute;
	background: repeat-x 0 -16px;
	padding: 2px;
	height: 12px;
}

.trace-mapbg-mask-loading {
	padding: 5px 10px 5px 125px;
	background: no-repeat 5px 5px;
	line-height: 16px;
	background-image: url(../images/loading.gif);
}